<template>
  <!--印章资质使用申请》新增-->
  <a-spin :spinning="confirmLoading" style="background: #fff">
    <j-form-container :disabled="false">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row :gutter="48">
          <a-divider>基本信息</a-divider>
          <!-- <a-col :span="8">
            <a-form-model-item label="标题" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bpmBizTitle">
              <a-input placeholder="请输入标题" :disabled="formDisabled" v-model="model.bpmBizTitle"></a-input>
            </a-form-model-item>
          </a-col> -->
          <a-col :span="8">
            <a-form-model-item label="申请人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handlerId">
              <select-user-by-dep :multi="false" v-model="model.handlerId" disabled />
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="申请部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handlerDeptId">
              <j-select-depart v-model="model.handlerDeptId" disabled />
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="申请时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="createTime">
              <j-date
                placeholder="请选择申请时间"
                v-model="model.createTime"
                :show-time="true"
                date-format="YYYY-MM-DD HH:mm:ss"
                style="width: 100%"
                disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="applyCode">
              <a-input v-model="model.applyCode" placeholder="请输入单据编号" disabled></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <!-- 迭代4印章所属公司修改为印章资质所属公司 -->
            <a-form-model-item label="印章资质所属公司" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sealCompany">
              <select-Company-input :disabled="formDisabled" v-model="model.sealCompany" @change="handleSealChange"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="申请人所属团队" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="applyTeam">
              <select-team-input
                :disabled="formDisabled"
                placeholder="请选择申请人所属团队"
                v-model="model.applyTeam"
                :tdlx="3" />
            </a-form-model-item>
          </a-col>
          <a-col :span="8" >
            <a-form-model-item label="用印类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="signSealWay">
              <j-dict-select-tag
                :disabled="formDisabled || model.systemId=='lims'"
                type="select"
                v-model="model.signSealWay"
                dictCode="seal_way"
                placeholder="请选择用印类型"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="选择印章" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ids">
              <a-tooltip placement="topLeft">
                <template slot="title" v-if="!model.sealCompany">
                  <span>请选择印章所属公司</span>
                </template>
                <select-normal-seal-input
                  ref="sealInput"
                  :company="model.sealCompany"
                  :disabled="formDisabled ? formDisabled : !model.sealCompany"
                  v-model="model.ids"/>
              </a-tooltip>
            </a-form-model-item>
          </a-col>
          <a-divider>使用申请信息</a-divider>
          <a-col :span="8">
            <a-form-model-item label="申请公司" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="applyCompany">
              <select-Company-input :disabled="formDisabled" v-model="model.applyCompany"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="板块类别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="plateType">
              <j-dict-select-tag
                :disabled="formDisabled"
                @input="changePlateType"
                type="list"
                v-model="model.plateType"
                dictCode="plate_type_code"
                placeholder="请选择板块类别"/>
            </a-form-model-item>
          </a-col>
          <!--迭代16.3 新增所属业务板块-->
          <a-col :span="8" v-if="showBusinessSegment">
            <a-form-model-item label="所属业务板块" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="businessSegment">
              <j-dict-select-tag
                :disabled="formDisabled"
                type="list"
                v-model="model.businessSegment"
                dictCode="business_segment"
                placeholder="请选择所属业务板块"
                @input="changeBusinessSegment"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item v-if="model.plateType!=2" label="文件类别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fileType" >
              <a-select
                style="width:100%;height:30px"
                :getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}"
                v-model="model.fileType"
                placeholder="请选择文件类别"
                :disabled="formDisabled"
                @change="handleFileTypeChange">
                <a-select-option value="1" v-if="option1">普通发文（非人事类）</a-select-option>
                <a-select-option value="2" v-if="option2">向政府部门、事业单位、社会团体发文</a-select-option>
                <a-select-option value="3" v-if="option3">投标报价类</a-select-option>
                <a-select-option value="4" v-if="option4">普通发文（人事类）</a-select-option>
                <a-select-option value="5" v-if="option5">采购付款类（不含项目分包）</a-select-option>
                <a-select-option value="6" v-if="option6">其他</a-select-option>
                <a-select-option value="7" v-if="option7">报告用印（环评资质类）</a-select-option>
                <a-select-option value="8" v-if="option8">项目部对外发文</a-select-option>
                <a-select-option value="9" v-if="option9">普通发文（项目部对外发文）</a-select-option>
                <a-select-option value="10" v-if="option10">报告出版类</a-select-option>
                <a-select-option value="11" v-if="option11">非项目合同</a-select-option>
                <a-select-option value="12" v-if="option12">对账函等其他财务类</a-select-option>
                <a-select-option value="13" v-if="option13">报告用印（水保资质类）</a-select-option>
                <!--                迭代16.8： 印章资质使用申请中，"板块类别"选择后期类，文件类别中的”社保、公积金等其他人事类“改为”社保公积金、收入证明等人事类“就可以。-->
                <!--                <a-select-option value="14" v-if="option14">社保、公积金等其他人事类</a-select-option>-->
                <a-select-option value="14" v-if="option14">社保公积金、收入证明等人事类</a-select-option>
                <a-select-option value="15" v-if="option15">营业执照变更、印章授权等行政类</a-select-option>
                <a-select-option value="17" v-if="option17">项目专用章</a-select-option>
                <a-select-option value="18" v-if="option18">业务类工作简报</a-select-option>
                <a-select-option value="19" v-if="option19">三级公司、分公司合作协议</a-select-option>
                <a-select-option value="16" v-if="option16">职能类工作简报</a-select-option>
                <a-select-option value="20" v-if="option20">CMA及报告专用章</a-select-option>
                <a-select-option value="21" v-if="option21">项目专用章</a-select-option>
              </a-select>
            </a-form-model-item>
            <a-form-model-item v-if="model.plateType==2" label="是否投标报价类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="isTend">
              <j-dict-select-tag
                :disabled="formDisabled"
                type="radio"
                v-model="model.isTend"
                dictCode="yes_no"
                placeholder="请选择是否借出"
                @input="isTendChange"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8" v-if="contractAmountShow">
            <a-form-model-item label="合同金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="contractAmount">
              <j-dict-select-tag
                :disabled="formDisabled"
                type="list"
                v-model="model.contractAmount"
                dictCode="contract_amount_code"
                placeholder="请输入份数"
                style="width: 100%"/>
            </a-form-model-item>
          </a-col>
          <!--          <a-col :span="8" v-if="relateTaskShow">-->
          <!--            <a-form-model-item label="是否关联项目" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="relateTask">-->
          <!--              <j-dict-select-tag :disabled=formDisabled type="radio" v-model="model.relateTask" dictCode="yes_no" placeholder="请选择是否关联项目" @input="isRelateProject"/>-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->

          <!--迭代11 用印类型为印章资质类-经营类-投标报价类是，在文件类别后新增一个字段“关联预立项项目”-->
          <a-col :span="24" v-if="fileToManageTreamShow">
            <a-form-model-item label="关联项目" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="preProjectId">
              <select-project-input
                :disabled="formDisabled"
                multi
                v-model="model.preProjectId"
                placeholder="关联项目">
              </select-project-input>
            </a-form-model-item>
          </a-col>

          <a-col :span="8" v-if="fileToManageTreamShow">
            <a-form-model-item label="文件所属经营团队" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fileToManageTream">
              <select-team-input :disabled="formDisabled" v-model="model.fileToManageTream" placeholder="请选择文件所属经营团队" :tdlx="1"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8" v-if="expenseToTreamShow">
            <a-form-model-item label="费用所属团队" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="expenseToTream">
              <select-team-input
                :disabled="formDisabled"
                v-model="model.expenseToTream"
                :tdlx="3"
                placeholder="请输入费用所属团队"/>
            </a-form-model-item>
          </a-col>

          <a-col :span="8" v-if="projectNameShow">
            <a-form-model-item label="项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="projectName">
              <select-project-input :disabled="formDisabled" v-model="model.projectName" placeholder="请选择项目名称">
              </select-project-input>
            </a-form-model-item>
          </a-col>

          <!--升级版迭代3 新增文件类别选择工作简报可选择所属业务板块必填 -->
          <a-col :span="8" v-if="model.fileType && model.fileType == 18">
            <a-form-model-item label="所属业务板块" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="businessSegment">
              <j-dict-select-tag
                :disabled="formDisabled"
                type="list"
                v-model="model.businessSegment"
                dictCode="business_segment"
                placeholder="请选择所属业务板块"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="8" v-if="model.plateType == 1 && model.businessSegment == 'JYJCYWBKFZR' && model.fileType == 20">
            <a-form-model-item label="项目类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="projectTypeNew">
              <j-dict-select-tag
                :disabled="formDisabled"
                type="list"
                v-model="model.projectTypeNew"
                dictCode="project_type_seal"
                placeholder="请选择项目类型"
                @input="projectTypeChange"
                style="width: 100%"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="是否借出" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lendYn">
              <j-dict-select-tag
                :disabled="formDisabled"
                type="radio"
                v-model="model.lendYn"
                dictCode="yes_no"
                placeholder="请选择是否借出"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item label="用印说明" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userExplain">
              <a-input :disabled="formDisabled" v-model="model.userExplain" placeholder="请输入用印说明"></a-input>
            </a-form-model-item>
          </a-col>

          <a-col :span="8">
            <a-form-model-item label="文件份数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="quantity">
              <a-input-number
                :disabled="formDisabled"
                :max="99999999"
                :min="0"
                v-model="model.quantity"
                placeholder="请输入文件份数"
                style="width: 100%"/>
            </a-form-model-item>
          </a-col>
          <a-col :span="8" v-if="formDisabled">
            <a-form-model-item label="归还状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="quantity">
              <a-input disabled :value="model.returnSeal_dictText" placeholder="请输入归还状态"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="signFile">
              <template v-slot:label>
                <span >用印文件</span><span style="color: #faad14;font-weight: 600">（请上传只需盖章的用印文件！）</span>
              </template>
              <j-upload
                :disabled="formDisabled || model.systemId=='lims'"
                v-model="model.signFile"
                fileFormat=".pdf, .PDF, .doc, .docx"
                fileFormatText="请上传word与pdf格式的文件！"
                :fillSize="50"
                :multiple="false"
                fileType="file"
              ></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col v-if="model.plateType == 1 && model.businessSegment == 'JYJCYWBKFZR' && model.fileType == 20" :span="24">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="paymentCollectionProveFile">
              <template v-slot:label>
                <span >上传回款证明</span><span style="color: #faad14;font-weight: 600">（支持word/pdf文件！）</span>
              </template>
              <j-upload
                :disabled="formDisabled"
                v-model="model.paymentCollectionProveFile"
                fileFormat=".pdf, .PDF, .doc, .docx"
                fileFormatText="请上传word与pdf格式的文件！"
                :fillSize="50"
                :multiple="true"
                fileType="file"
              ></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="上传附件" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="useFile">
              <j-upload :disabled="formDisabled" v-model="model.useFile"></j-upload>
            </a-form-model-item>
          </a-col>

        </a-row>
      </a-form-model>
      <common-flow-list v-if="formBpm && model.bpmStatus !== '1'" :formData="formData" style="margin-top: 10px"></common-flow-list>
    </j-form-container>
    <a-row :gutter="48" v-if="formBpm">
      <a-col :span="24" style="text-align: center;margin-top: 15px">
        <a-button type="primary" @click="onPrint">打印</a-button>
      </a-col>
    </a-row>
    <ErpSealCertificationUseRecordFormPrint v-if="formBpm" :formData="modelPrint" id="sealuserecordContent" class="print_style" :formDataHistory="formData"></ErpSealCertificationUseRecordFormPrint>
  </a-spin>
</template>

<script>

import { getAction, httpAction } from '@/api/manage';
import SelectProjectInput from '@/views/scy/components/SelectProjectInput';
import moment from 'moment';
import { mapGetters } from 'vuex';
import SelectTeamInput from '@/views/scy/components/SelectTeamInput';
import SelectUserByDep from '@/views/scy/components/SelectUserByDep';
import SelectCompanyInput from '@/views/scy/components/SelectCompanyInput';
import SelectNormalSealInput from './SelectNormalSealInput';
import CommonFlowList from '@/views/components/CommonFlowList.vue';
import Print from '@/utils/print/printarea.js';
import ErpSealCertificationUseRecordFormPrint from './ErpSealCertificationUseRecordFormPrint' // 打印组件
export default {
  name: 'ErpSealCertificationUseRecordForm',
  components: {
    SelectProjectInput,
    SelectTeamInput,
    SelectUserByDep,
    SelectCompanyInput,
    SelectNormalSealInput,
    CommonFlowList,
    ErpSealCertificationUseRecordFormPrint
  },
  props: {
    // 流程表单data
    formData: {
      type: Object,
      default: () => {},
      required: false
    },
    // 表单模式：true流程表单 false普通表单
    formBpm: {
      type: Boolean,
      default: false,
      required: false
    },
    // 表单禁用
    disabled: {
      type: Boolean,
      default: false,
      required: false
    }
  },
  data() {
    return {
      model: {
        applyType: 1 // 16.3 隐藏申请类别 申请类别默认1（印章资质类）
      },
      modelPrint: {
        applyType: 1 // 16.3 隐藏申请类别 申请类别默认1（印章资质类）
      },
      labelCol: {},
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 24 }
      },
      confirmLoading: false,
      validatorRules: {
        bpmBizTitle: [
          { required: true, message: '请输入标题!' }
        ],
        signSealWay: [
          { required: true, message: '请选择用印类型!' }
        ],
        signFile: [
          { required: true, message: '请上传用印文件!' }
        ],
        handlerId: [
          { required: true, message: '请选择申请人!' }
        ],
        handlerDeptId: [
          { required: true, message: '请选择申请部门!' }
        ],
        createTime: [
          { required: true, message: '请选择创建时间!' }
        ],
        sealCompany: [{ required: true, message: '请选择印章资质所属公司!' }],
        lendYn: [
          { required: true, message: '请选择是否借出!' }
        ],
        // 2022年10月17日18:38:27 5、用印申请单中字段使用日期删除
        // userDate: [
        //   { required: true, message: '请选择使用日期!' },
        // ],
        quantity: [
          { required: true, message: '请输入文件份数!' }
        ],
        userExplain: [
          { required: true, message: '请输入用印说明!' }
        ],
        applyCompany: [
          { required: true, message: '请选择申请公司!' }
        ],
        // 迭代16.3 隐藏申请类别
        // applyType: [
        //   { required: true, message: '请选择申请类别!' },
        // ],
        businessSegment: [
          { required: true, message: '请选择所属业务板块!' }
        ],
        fileType: [
          { required: true, message: '请选择文件类别!', trigger: 'change' }
        ],
        ids: [
          { required: true, message: '请选择印章!' }
        ],
        applyTeam: [
          { required: true, message: '请选择申请人所属团队!' }
        ],
        preProjectId: [
          { required: true, message: '请选择关联项目!' }
        ],
        isTend: [
          { required: true, message: '请选择是否投标报价类!', trigger: 'change' }
        ],
        projectTypeNew: [
          { required: true, message: '请选择项目类型!', trigger: 'change' }
        ],
        paymentCollectionProveFile: [
          { required: false, message: '请上传回款证明文件!'}
        ]
      },
      url: {
        add: '/api/erp/administration/seal/erpSealUsageInformation/add',
        edit: '/api/erp/administration/seal/erpSealUsageInformation/edit',
        queryById: '/api/erp/administration/seal/erpSealUsageInformation/queryById',
        queryByIdNew: '/api/erp/administration/seal/erpSealUsageInformation/queryByIdNew', // 已弃用
        queryByIds: '/api/erp/administration/seal/erpSealCertificationUseRecord/queryById', // 已弃用
        generatedFormNumber: '/api/erp/base/generatedFormNumber'
      },
      contractAmountShow: false, // 合同金额
      expenseToTreamShow: false, // 费用所属团队
      projectNameShow: false, // 项目名称
      fileToManageTreamShow: false, // 文件所属经营团队
      relateTaskShow: false, // 是否关联项目
      plateTypeShow: false, // 板块类别

      // 文件类别的下拉选项：
      option1: false, // 普通发文
      option2: false, // 向政府部门、事业单位、社会团体发文
      option3: false, // 报价类
      option4: false, // 人事类
      option5: false, // 采购付款类（不含项目分包)
      option6: false, // 其他
      option7: false, // 报告用印（环评资质类）
      option8: false, // 项目部对外发文
      option9: false, // 普通发文（项目部对外发文）
      option10: false, // 报告出版类
      option11: false, // 非项目合同
      option12: false, // 对账函等其他财务类
      option13: false, // 报告用印（水保资质类）
      option14: false, // 社保、公积金等其他人事类
      option15: false, // 营业执照变更、印章授权等行政类
      option16: false, // 职能类工作简报
      option17: false, // 项目专用章
      option18: false, // 业务类工作简报
      option19: false, // 三级公司、分公司合作协议
      option20: false, // CMA及报告专用章
      option21: false, // 项目专用章
      sealDisabled: false
    }
  },
  computed: {
    showBusinessSegment() {
      return !this.model || !this.model.plateType || (!!this.model && !!this.model.plateType && this.model.plateType != '3')
    },
    formDisabled() {
      if (this.formBpm === true) {
        if (this.formData.disabled === false) {
          return false
        }
        return true
      }
      return this.disabled
    },
    showFlowSubmitButton() {
      if (this.formBpm === true) {
        if (this.formData.disabled === false) {
          return true
        }
      }
      return false
    },
    // 只在详情页面展示印章归还状态
    showReturnSeal() {
      // 流程中或者新增修改页面或者是否借出为否时不显示
      return !(this.formBpm === true || this.disabled === false || this.model.lendYn == '0');
    }
  },
  created() {
    // 备份model原始值
    this.modelDefault = JSON.parse(JSON.stringify(this.model));
    // 如果是流程中表单，则需要加载流程表单data
    this.showFlowData();
  },
  watch: {
    model: {
      immediate: true,
      deep: true,
      handler(val) {
        if (this.model.relateTask && this.model.relateTask == 0) {
          this.$set(this.model, 'projectName', null)
        }
      }
    }
  },
  methods: {
    // 生成单号，反写到编号和标题
    generatedFormNumber() {
      getAction(this.url.generatedFormNumber, { prefix: 'YZSY', subSystemCode: '04' }).then(res => {
        if (res.success) {
          // 单据编号
          this.$set(this.model, 'applyCode', res.result)
          // 标题 申请人-单据编号
          this.$set(this.model, 'bpmBizTitle', this.userInfo().empName + '-' + res.result)
        }
      })
    },
    ...mapGetters(['userInfo']),
    copeData(data) {
      this.model.ids = data;
    },
    add() {
      this.edit(this.modelDefault);
      this.generatedFormNumber();
      this.model.handlerId = this.userInfo().empId;
      this.model.handlerDeptId = this.userInfo().deptId;
      this.model.createTime = moment().format('YYYY-MM-DD HH:mm:ss');
      this.modelPrint = this.userInfo().empId;
      this.modelPrint = this.userInfo().deptId;
      this.modelPrint = moment().format('YYYY-MM-DD HH:mm:ss');
      this.sealDisabled = false
    },
    async edit(record) {
      this.$refs.form.resetFields();
      this.model = Object.assign({}, record);
      this.modelPrint = Object.assign({}, record);
      this.sealDisabled = true;
      this.visible = true;
      this.projectTypeChange(record.projectTypeNew)
      await getAction(this.url.queryById, { id: record.id }).then((res) => {
        if (res.success) {
          this.model = res.result
          if (!!this.model && this.model.fileType == '3') {
            this.isTendChange('1')
          } else {
            this.isTendChange('0')
          }
        }
      })
      if(this.model.systemId=='lims'){
        this.model.handlerDeptId = this.userInfo().deptId;
      }
      this.hide();
    },
    // 渲染流程表单数据
    showFlowData() {
      if (this.formBpm === true) {
        let params = { id: this.formData.dataId };
        getAction(this.url.queryById, params).then((res) => {
          if (res.success) {
            this.edit(res.result);
          }
        });
      }
    },



    //项目类型变动
    projectTypeChange(event){
      this.$refs.form.clearValidate('paymentCollectionProveFile'); // 切换清除校验
      // 选择一般项目回款证明附件必传
      if (event && event == '1') {
        this.$set(this.validatorRules, 'paymentCollectionProveFile', [{ required: true, message: '请上传回款证明文件!'}]);
      } else {
        // 选择政府类等特殊项目非必传
        this.$set(this.validatorRules, 'paymentCollectionProveFile', [{ required: false, message: '请上传回款证明文件!'}]);
      }
    },
    submitForm(type) {
      const that = this;
      if (type == 'draft') {
        // 代表保存草稿不做校验
        this.submit(type)
      } else if (type == 'submit') {
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.submit(type)
          } else {
            that.$emit('unButtonDisable')
          }
        })
      } else {
        console.log('传参数，保存：draft，提交：submit')
      }
    },
    submit (type) {
      const that = this;
      that.confirmLoading = true;
      let httpurl = '';
      let method = '';
      if (!this.model.id) {
        httpurl += this.url.add;
        method = 'post';
      } else {
        httpurl += this.url.edit;
        method = 'put';
      }
      httpAction(httpurl, this.model, method).then((res) => {
        if (res.success) {
          that.$message.success(res.message);
          if (method == 'post') {
            that.model.id = res.result;
          }
          that.$emit('ok', type, that.model);
        } else {
          that.$message.warning(res.message);
          that.$emit('unButtonDisable');
        }
      }).catch((err) => {
        that.$emit('unButtonDisable', err);
      }).finally(() => {
        that.confirmLoading = false;
      })
    },
    hide() {
      this.hqHide()
        this.contractAmountShow = false; // 合同金额
        this.expenseToTreamShow = false; // 费用所属团队
        this.projectNameShow = false; // 项目名称
        this.fileToManageTreamShow = false; // 文件所属经营团队
        // this.relateTaskShow = false; //是否关联项目

        this.$delete(this.model, 'contractAmount');
        this.$delete(this.model, 'expenseToTream');
        this.$delete(this.model, 'projectName');
        // this.$delete(this.model,'fileToManageTream');
        this.$delete(this.model, 'relateTask');
        this.$delete(this.validatorRules, 'plateType');
        this.$delete(this.validatorRules, 'fileToManageTream');
        this.$delete(this.validatorRules, 'contractAmount');
        // this.$delete(this.validatorRules,'expenseToTream');
        this.$delete(this.validatorRules, 'relateTask');
        this.$delete(this.validatorRules, 'projectName');

        this.plateTypeShow = true;// 板块类别
        this.$set(this.validatorRules, 'plateType', [{ required: true, message: '请选择板块类别!' }])

        // 板块类别 选 经营类 且 文件类别 选 报价类=======》 文件所属经营团队 必填
        if (this.model.plateType == '2' && this.model.fileType == '3') {
          this.fileToManageTreamShow = true;
          this.$set(this.validatorRules, 'fileToManageTream', [{ required: true, message: '请输入文件所属经营团队!' }])
        } else {
          this.fileToManageTreamShow = false;
          this.$delete(this.model, 'fileToManageTream');
          this.$delete(this.validatorRules, 'expenseToTream');
        }
        // 申请类别 选择 印章类===》展示的  文件类别的下拉选线
        // 板块类别 选 生产类
        if (this.model.plateType == '1') {
          this.option1 = false;
          this.option2 = true; // 向政府部门、事业单位、社会团体发文
          this.option3 = false;
          this.option4 = false;
          this.option5 = false;
          this.option6 = true; // 其他
          this.option7 = true; // 报告用印（环评资质类）
          this.option8 = false;
          this.option9 = true; // 普通发文（项目部对外发文）
          this.option10 = false;
          this.option11 = false;
          this.option12 = false;
          this.option13 = true; // 报告用印（水保资质类）
          this.option14 = false; // 社保、公积金等其他人事类
          this.option15 = false; // 营业执照变更、印章授权等行政类
          this.option16 = false; // 其他类工作简报
          this.option17 = false; // 项目专用章
          this.option18 = false; // 业务板块类工作简报
          this.option19 = false; // 三级公司、分公司合作协议
          this.option20 = true; // CMA及报告专用章
          this.option21 = true; // 项目专用章
          this.$delete(this.model, 'isTend')
          this.$refs.form.clearValidate('isTend');
          this.$delete(this.validatorRules, 'isTend')
          this.$set(this.validatorRules, 'fileType', [
            { required: true, message: '请选择文件类别!' }
          ])
          // 板块类别 选 经营类
        } else if (this.model.plateType == '2') {
          this.option1 = false;
          this.option2 = false;
          this.option3 = true; // 投标报价类
          this.option4 = false;
          this.option5 = false;
          this.option6 = true;// 其他
          this.option7 = false;
          this.option8 = false;
          this.option9 = false;
          this.option10 = false;
          this.option11 = false;
          this.option12 = false;
          this.option13 = false;
          this.option14 = false; // 社保、公积金等其他人事类
          this.option15 = false; // 营业执照变更、印章授权等行政类
          this.option16 = false; // 其他类工作简报
          this.option17 = false; // 项目专用章
          this.option18 = false; // 业务板块类工作简报
          this.option19 = false; // 三级公司、分公司合作协议
          this.option20 = false; // CMA及报告专用章
          this.option21 = false; // 项目专用章
          this.$set(this.validatorRules, 'isTend', [
            { required: true, message: '请选择是否投标报价类!' }
          ])
          this.$delete(this.model, 'fileType')
          this.$refs.form.clearValidate('fileType');
          this.$delete(this.validatorRules, 'fileType')
          // 板块类别 选 后勤类
        } else if (this.model.plateType == '3') {
          this.option1 = true; // 普通发文
          this.option2 = true; // 向政府部门、事业单位、社会团体发文
          this.option3 = false;
          this.option4 = true; // 人事类
          this.option5 = false;
          this.option6 = true; // 其他
          this.option7 = false;
          this.option8 = false;
          this.option9 = false;
          this.option10 = false;
          this.option11 = false;
          this.option12 = true; // 对账函等其他财务类
          this.option13 = false;
          this.option14 = true; // 社保、公积金等其他人事类
          this.option15 = true; // 营业执照变更、印章授权等行政类
          this.option16 = true; // 其他类工作简报
          this.option17 = true; // 项目专用章
          this.option18 = true; // 业务板块类工作简报
          this.option19 = true; // 三级公司、分公司合作协议
          this.option20 = false; // CMA及报告专用章
          this.option21 = false; // 项目专用章
          this.$delete(this.model, 'isTend')
          this.$refs.form.clearValidate('isTend');
          this.$delete(this.validatorRules, 'isTend')
          this.$set(this.validatorRules, 'fileType', [
            { required: true, message: '请选择文件类别!' }
          ])
        } else {
          this.option1 = false; // 普通发文
          this.option2 = false; // 向政府部门、事业单位、社会团体发文
          this.option3 = true; // 投标报价类
          this.option4 = false; // 人事类
          this.option5 = false; // 采购付款类（不含项目分包)
          this.option6 = false; // 其他
          this.option7 = false; // 报告用印（环评资质类）
          this.option8 = false; // 项目部对外发文
          this.option9 = false; // 普通发文（项目部对外发文）
          this.option10 = false;
          this.option11 = true; // 非项目合同
          this.option12 = false; // 对账函等其他财务类
          this.option13 = false; // 报告用印（水保资质类）
          this.option14 = false; // 社保、公积金等其他人事类
          this.option15 = false; // 营业执照变更、印章授权等行政类
          this.option16 = false; // 其他类工作简报
          this.option17 = false; // 项目专用章
          this.option18 = false; // 业务板块类工作简报
          this.option19 = false; // 三级公司、分公司合作协议
          this.option20 = false; // CMA及报告专用章
          this.option21 = false; // 项目专用章
        }
    },
       // 三级联动
    // hide() {
    //   this.hqHide()
    //   // 申请类别 选择 印章类 =====》  板块类别，文件类别 必填
    //   if (this.model.applyType == '1') {
    //     this.contractAmountShow = false; // 合同金额
    //     this.expenseToTreamShow = false; // 费用所属团队
    //     this.projectNameShow = false; // 项目名称
    //     this.fileToManageTreamShow = false; // 文件所属经营团队
    //     // this.relateTaskShow = false; //是否关联项目

    //     this.$delete(this.model, 'contractAmount');
    //     this.$delete(this.model, 'expenseToTream');
    //     this.$delete(this.model, 'projectName');
    //     // this.$delete(this.model,'fileToManageTream');
    //     this.$delete(this.model, 'relateTask');
    //     this.$delete(this.validatorRules, 'plateType');
    //     this.$delete(this.validatorRules, 'fileToManageTream');
    //     this.$delete(this.validatorRules, 'contractAmount');
    //     // this.$delete(this.validatorRules,'expenseToTream');
    //     this.$delete(this.validatorRules, 'relateTask');
    //     this.$delete(this.validatorRules, 'projectName');

    //     this.plateTypeShow = true;// 板块类别
    //     this.$set(this.validatorRules, 'plateType', [{ required: true, message: '请选择板块类别!' }])

    //     // 板块类别 选 经营类 且 文件类别 选 报价类=======》 文件所属经营团队 必填
    //     if (this.model.plateType == '2' && this.model.fileType == '3') {
    //       this.fileToManageTreamShow = true;
    //       this.$set(this.validatorRules, 'fileToManageTream', [{ required: true, message: '请输入文件所属经营团队!' }])
    //     } else {
    //       this.fileToManageTreamShow = false;
    //       this.$delete(this.model, 'fileToManageTream');
    //       this.$delete(this.validatorRules, 'expenseToTream');
    //     }
    //     // 申请类别 选择 印章类===》展示的  文件类别的下拉选线
    //     // 板块类别 选 生产类
    //     if (this.model.plateType == '1') {
    //       this.option1 = false;
    //       this.option2 = true; // 向政府部门、事业单位、社会团体发文
    //       this.option3 = false;
    //       this.option4 = false;
    //       this.option5 = false;
    //       this.option6 = true; // 其他
    //       this.option7 = true; // 报告用印（环评资质类）
    //       this.option8 = false;
    //       this.option9 = true; // 普通发文（项目部对外发文）
    //       this.option10 = false;
    //       this.option11 = false;
    //       this.option12 = false;
    //       this.option13 = true; // 报告用印（水保资质类）
    //       this.option14 = false; // 社保、公积金等其他人事类
    //       this.option15 = false; // 营业执照变更、印章授权等行政类
    //       this.option16 = false; // 其他类工作简报
    //       this.option17 = false; // 项目专用章
    //       this.option18 = false; // 业务板块类工作简报
    //       this.option19 = false; // 三级公司、分公司合作协议
    //       this.option20 = true; // CMA及报告专用章
    //       this.option21 = true; // 项目专用章
    //       this.$delete(this.model, 'isTend')
    //       this.$refs.form.clearValidate('isTend');
    //       this.$delete(this.validatorRules, 'isTend')
    //       this.$set(this.validatorRules, 'fileType', [
    //         { required: true, message: '请选择文件类别!' }
    //       ])
    //       // 板块类别 选 经营类
    //     } else if (this.model.plateType == '2') {
    //       this.option1 = false;
    //       this.option2 = false;
    //       this.option3 = true; // 投标报价类
    //       this.option4 = false;
    //       this.option5 = false;
    //       this.option6 = true;// 其他
    //       this.option7 = false;
    //       this.option8 = false;
    //       this.option9 = false;
    //       this.option10 = false;
    //       this.option11 = false;
    //       this.option12 = false;
    //       this.option13 = false;
    //       this.option14 = false; // 社保、公积金等其他人事类
    //       this.option15 = false; // 营业执照变更、印章授权等行政类
    //       this.option16 = false; // 其他类工作简报
    //       this.option17 = false; // 项目专用章
    //       this.option18 = false; // 业务板块类工作简报
    //       this.option19 = false; // 三级公司、分公司合作协议
    //       this.option20 = false; // CMA及报告专用章
    //       this.option21 = false; // 项目专用章
    //       this.$set(this.validatorRules, 'isTend', [
    //         { required: true, message: '请选择是否投标报价类!' }
    //       ])
    //       this.$delete(this.model, 'fileType')
    //       this.$refs.form.clearValidate('fileType');
    //       this.$delete(this.validatorRules, 'fileType')
    //       // 板块类别 选 后勤类
    //     } else if (this.model.plateType == '3') {
    //       this.option1 = true; // 普通发文
    //       this.option2 = true; // 向政府部门、事业单位、社会团体发文
    //       this.option3 = false;
    //       this.option4 = true; // 人事类
    //       this.option5 = false;
    //       this.option6 = true; // 其他
    //       this.option7 = false;
    //       this.option8 = false;
    //       this.option9 = false;
    //       this.option10 = false;
    //       this.option11 = false;
    //       this.option12 = true; // 对账函等其他财务类
    //       this.option13 = false;
    //       this.option14 = true; // 社保、公积金等其他人事类
    //       this.option15 = true; // 营业执照变更、印章授权等行政类
    //       this.option16 = true; // 其他类工作简报
    //       this.option17 = true; // 项目专用章
    //       this.option18 = true; // 业务板块类工作简报
    //       this.option19 = true; // 三级公司、分公司合作协议
    //       this.option20 = false; // CMA及报告专用章
    //       this.option21 = false; // 项目专用章
    //       this.$delete(this.model, 'isTend')
    //       this.$refs.form.clearValidate('isTend');
    //       this.$delete(this.validatorRules, 'isTend')
    //       this.$set(this.validatorRules, 'fileType', [
    //         { required: true, message: '请选择文件类别!' }
    //       ])
    //     } else {
    //       this.option1 = false; // 普通发文
    //       this.option2 = false; // 向政府部门、事业单位、社会团体发文
    //       this.option3 = true; // 投标报价类
    //       this.option4 = false; // 人事类
    //       this.option5 = false; // 采购付款类（不含项目分包)
    //       this.option6 = false; // 其他
    //       this.option7 = false; // 报告用印（环评资质类）
    //       this.option8 = false; // 项目部对外发文
    //       this.option9 = false; // 普通发文（项目部对外发文）
    //       this.option10 = false;
    //       this.option11 = true; // 非项目合同
    //       this.option12 = false; // 对账函等其他财务类
    //       this.option13 = false; // 报告用印（水保资质类）
    //       this.option14 = false; // 社保、公积金等其他人事类
    //       this.option15 = false; // 营业执照变更、印章授权等行政类
    //       this.option16 = false; // 其他类工作简报
    //       this.option17 = false; // 项目专用章
    //       this.option18 = false; // 业务板块类工作简报
    //       this.option19 = false; // 三级公司、分公司合作协议
    //       this.option20 = false; // CMA及报告专用章
    //       this.option21 = false; // 项目专用章
    //     }
    //     // 申请类别 选择 合同审批 ======》 文件类别，合同金额 必填
    //   } else if (this.model.applyType == '2') { // //申请类别 选择 合同审批类
    //       this.option1 = false;
    //       this.option2 = false;
    //       this.option3 = false;
    //       this.option4 = false;
    //       this.option5 = false;
    //       this.option6 = true;
    //       this.option7 = false;
    //       this.option8 = false;
    //       this.option9 = false;
    //       this.option10 = false;
    //       this.option11 = false;
    //       this.option12 = false;
    //       this.option13 = false;
    //       this.option14 = false; // 社保、公积金等其他人事类
    //       this.option15 = false; // 营业执照变更、印章授权等行政类
    //       this.option16 = false; // 其他类工作简报
    //       this.option17 = false; // 项目专用章
    //       this.option18 = false; // 业务板块类工作简报
    //       this.option19 = false; // 三级公司、分公司合作协议
    //       this.option20 = false; // CMA及报告专用章
    //       this.option21 = false; // 项目专用章
    //       this.expenseToTreamShow = false; // 费用所属团队
    //       this.projectNameShow = false; // 项目名称
    //       this.fileToManageTreamShow = false; // 文件所属经营团队
    //       // this.relateTaskShow = false; //是否关联项目
    //       this.plateTypeShow = false; // 板块类别

    //       // this.$delete(this.model,'expenseToTream');
    //       // this.$delete(this.model,'projectName');
    //       this.$delete(this.model, 'fileToManageTream');
    //       // this.$delete(this.model,'relateTask');
    //       this.$delete(this.model, 'plateType');

    //       this.$delete(this.validatorRules, 'plateType');
    //       this.$delete(this.validatorRules, 'fileToManageTream');
    //       this.$delete(this.validatorRules, 'contractAmount');
    //       // this.$delete(this.validatorRules,'expenseToTream');
    //       // this.$delete(this.validatorRules,'relateTask');
    //       // this.$delete(this.validatorRules,'projectName');

    //       this.contractAmountShow = true; // 合同金额
    //       this.$set(this.validatorRules, 'contractAmount', [{ required: true, message: '请输入合同金额!' }]);

    //     // 文件类别 选 采购付款类（不含项目分包) ======》 费用所属团队 必填
    //     if (this.model.fileType == '5') {
    //       this.expenseToTreamShow = true;
    //       this.$set(this.validatorRules, 'expenseToTream', [{ required: true, message: '请输入费用所属团队!' }]);
    //     } else {
    //       this.expenseToTreamShow = false;
    //       this.$delete(this.model, 'expenseToTream');
    //       this.$delete(this.validatorRules, 'expenseToTream');
    //     }

    //     // 文件类别 选 其他=======》 是否关联项目 必填
    //     if (this.model.fileType == '6') {
    //       // this.relateTaskShow = true;
    //       this.projectNameShow = true;
    //       this.$set(this.validatorRules, 'relateTask', [{ required: true, message: '选择是否关联项目!' }]);
    //     } else {
    //       // this.relateTaskShow = false;
    //       this.projectNameShow = false;
    //       this.$delete(this.model, 'relateTask');
    //       this.$delete(this.validatorRules, 'relateTask');
    //     }
    //     // 是否关联项目 选 是 =======》 项目名称 必填
    //     if (this.model.relateTask == '1') {
    //       this.$set(this.validatorRules, 'projectName', [{ required: true, message: '请输入项目名称!' }]);
    //     } else {
    //       // this.projectNameShow = false;
    //       // this.$delete(this.model, 'projectName');
    //       this.$delete(this.validatorRules, 'projectName');
    //     }

    //     // 申请类别 选择 合同审批类===》展示的  文件类别的下拉选线
    //     // 采购付款类（不含项目分包), 其他
    //     this.option1 = false;
    //     this.option2 = false;
    //     this.option3 = false;
    //     this.option4 = false;
    //     this.option5 = false;
    //     this.option6 = true;
    //     this.option7 = false;
    //     this.option8 = false;
    //     this.option9 = false;
    //     this.option10 = false;
    //     this.option11 = false;
    //     this.option12 = false;
    //     this.option13 = false;
    //     this.option20 = false; // CMA及报告专用章
    //     this.option21 = false; // 项目专用章
    //   } else { // 所有数据清空
    //     this.contractAmountShow = false; // 合同金额
    //     this.expenseToTreamShow = false; // 费用所属团队
    //     this.projectNameShow = false; // 项目名称
    //     this.fileToManageTreamShow = false; // 文件所属经营团队
    //     // this.relateTaskShow = false; //是否关联项目
    //     this.plateTypeShow = false; // 板块类别

    //     this.$delete(this.model, 'plateType');
    //     this.$delete(this.model, 'fileType');
    //     this.$delete(this.model, 'contractAmount');
    //     this.$delete(this.model, 'relateTask');
    //     this.$delete(this.model, 'fileToManageTream');
    //     this.$delete(this.model, 'expenseToTream');
    //     this.$delete(this.model, 'projectName');

    //     this.$delete(this.validatorRules, 'plateType');
    //     this.$delete(this.validatorRules, 'fileToManageTream');
    //     this.$delete(this.validatorRules, 'contractAmount');
    //     this.$delete(this.validatorRules, 'expenseToTream');
    //     this.$delete(this.validatorRules, 'relateTask');
    //     this.$delete(this.validatorRules, 'projectName');

    //     this.option1 = false;
    //     this.option2 = false;
    //     this.option3 = false;
    //     this.option4 = false;
    //     this.option5 = false;
    //     this.option6 = false;
    //     this.option7 = false;
    //     this.option8 = false;
    //     this.option9 = false;
    //     this.option10 = false;
    //     this.option11 = false;
    //     this.option12 = false;
    //     this.option13 = false;
    //     this.option14 = false;
    //     this.option15 = false;
    //     this.option16 = false; // 其他类工作简报
    //     this.option17 = false; // 项目专用章
    //     this.option18 = false; // 业务板块类工作简报
    //     this.option19 = false; // 三级公司、分公司合作协议
    //     this.option20 = false; // CMA及报告专用章
    //     this.option21 = false; // 项目专用章
    //   }
    // },
    // 三级联动
    // hide_back() {
    //   // 申请类别 选择 印章类 =====》  板块类别，文件类别 必填
    //   if (this.model.applyType == '1') {
    //     this.contractAmountShow = false; // 合同金额
    //     this.expenseToTreamShow = false; // 费用所属团队
    //     this.projectNameShow = false; // 项目名称
    //     this.fileToManageTreamShow = false; // 文件所属经营团队
    //     this.relateTaskShow = false; // 是否关联项目

    //     this.$delete(this.model, 'contractAmount');
    //     this.$delete(this.model, 'expenseToTream');
    //     this.$delete(this.model, 'projectName');
    //     // this.$delete(this.model,'fileToManageTream');
    //     this.$delete(this.model, 'relateTask');

    //     this.$delete(this.validatorRules, 'plateType');
    //     this.$delete(this.validatorRules, 'fileToManageTream');
    //     this.$delete(this.validatorRules, 'contractAmount');
    //     // this.$delete(this.validatorRules,'expenseToTream');
    //     this.$delete(this.validatorRules, 'relateTask');
    //     this.$delete(this.validatorRules, 'projectName');

    //     this.plateTypeShow = true;// 板块类别
    //     this.$set(this.validatorRules, 'plateType', [{ required: true, message: '请选择板块类别!' }])

    //     // 板块类别 选 经营类 且 文件类别 选 报价类=======》 文件所属经营团队 必填
    //     if (this.model.plateType == '2' && this.model.fileType == '3') {
    //       this.fileToManageTreamShow = true;
    //       this.$set(this.validatorRules, 'fileToManageTream', [{ required: true, message: '请输入文件所属经营团队!' }])
    //     } else {
    //       this.fileToManageTreamShow = false;
    //       this.$delete(this.model, 'fileToManageTream');
    //       this.$delete(this.validatorRules, 'expenseToTream');
    //     }
    //     // 申请类别 选择 印章类===》展示的  文件类别的下拉选线
    //     // 板块类别 选 生产类
    //     if (this.model.plateType == '1') {
    //       // 普通发文, 向政府部门、事业单位、社会团体发文, 其他
    //       this.option1 = true;
    //       this.option2 = true;
    //       this.option6 = true;
    //       this.option7 = true;
    //       this.option8 = true;
    //       this.option3 = false;
    //       this.option4 = false;
    //       this.option5 = false;
    //       // 板块类别 选 经营类
    //     } else if (this.model.plateType == '2') {
    //       // 报价类，其他
    //       this.option3 = true;
    //       this.option6 = true;
    //       this.option1 = false;
    //       this.option2 = false;
    //       this.option4 = false;
    //       this.option5 = false;
    //       this.option7 = false;
    //       this.option8 = false;
    //       // 板块类别 选 后勤类
    //     } else if (this.model.plateType == '3') {
    //       // 普通发文, 人事类, 其他
    //       this.option1 = true;
    //       this.option2 = true;
    //       this.option4 = true;
    //       this.option6 = true;
    //       this.option3 = false;
    //       this.option5 = false;
    //       this.option7 = false;
    //       this.option8 = false;
    //     } else {
    //       this.option1 = false; // 普通发文
    //       this.option2 = false; // 向政府部门、事业单位、社会团体发文
    //       this.option3 = false; // 报价类
    //       this.option4 = false; // 人事类
    //       this.option5 = false; // 采购付款类（不含项目分包)
    //       this.option6 = false; // 其他
    //       this.option7 = false;
    //       this.option8 = false;
    //     }

    //     // 申请类别 选择 合同审批 ======》 文件类别，合同金额 必填
    //   } else if (this.model.applyType == '2') { // //申请类别 选择 合同审批类
    //       this.option1 = true;
    //       this.option2 = true;
    //       this.option6 = true;
    //       this.option7 = false;
    //       this.option8 = false;
    //       this.option3 = false;
    //       this.option4 = false;
    //       this.option5 = false;
    //     this.expenseToTreamShow = false; // 费用所属团队
    //     this.projectNameShow = false; // 项目名称
    //     this.fileToManageTreamShow = false; // 文件所属经营团队
    //     this.relateTaskShow = false; // 是否关联项目
    //     this.plateTypeShow = false; // 板块类别

    //     // this.$delete(this.model,'expenseToTream');
    //     // this.$delete(this.model,'projectName');
    //     this.$delete(this.model, 'fileToManageTream');
    //     // this.$delete(this.model,'relateTask');
    //     this.$delete(this.model, 'plateType');

    //     this.$delete(this.validatorRules, 'plateType');
    //     this.$delete(this.validatorRules, 'fileToManageTream');
    //     this.$delete(this.validatorRules, 'contractAmount');
    //     // this.$delete(this.validatorRules,'expenseToTream');
    //     // this.$delete(this.validatorRules,'relateTask');
    //     // this.$delete(this.validatorRules,'projectName');

    //     this.contractAmountShow = true; // 合同金额
    //     this.$set(this.validatorRules, 'contractAmount', [{ required: true, message: '请输入合同金额!' }]);

    //     // 文件类别 选 采购付款类（不含项目分包) ======》 费用所属团队 必填
    //     if (this.model.fileType == '5') {
    //       this.expenseToTreamShow = true;
    //       this.$set(this.validatorRules, 'expenseToTream', [{ required: true, message: '请输入费用所属团队!' }]);
    //     } else {
    //       this.expenseToTreamShow = false;
    //       this.$delete(this.model, 'expenseToTream');
    //       this.$delete(this.validatorRules, 'expenseToTream');
    //     }

    //     // 文件类别 选 其他=======》 是否关联项目 必填
    //     if (this.model.fileType == '6') {
    //       // this.relateTaskShow = true;
    //       this.projectNameShow = true;
    //       this.$set(this.validatorRules, 'relateTask', [{ required: true, message: '选择是否关联项目!' }]);
    //     } else {
    //       // this.relateTaskShow = false;
    //       this.projectNameShow = false;
    //       this.$delete(this.model, 'relateTask');
    //       this.$delete(this.validatorRules, 'relateTask');
    //     }
    //     // 是否关联项目 选 是 =======》 项目名称 必填
    //     if (this.model.relateTask == '1') {
    //       this.$set(this.validatorRules, 'projectName', [{ required: true, message: '请输入项目名称!' }]);
    //     } else {
    //       // this.projectNameShow = false;
    //       // this.$delete(this.model, 'projectName');
    //       this.$delete(this.validatorRules, 'projectName');
    //     }

    //     // 申请类别 选择 合同审批类===》展示的  文件类别的下拉选线
    //     // 采购付款类（不含项目分包), 其他
    //     this.option1 = false;
    //     this.option2 = false;
    //     this.option3 = false;
    //     this.option4 = false;
    //     this.option5 = true;
    //     this.option6 = true;
    //   } else { // 所有数据清空
    //     this.contractAmountShow = false; // 合同金额
    //     this.expenseToTreamShow = false; // 费用所属团队
    //     this.projectNameShow = false; // 项目名称
    //     this.fileToManageTreamShow = false; // 文件所属经营团队
    //     this.relateTaskShow = false; // 是否关联项目
    //     this.plateTypeShow = false; // 板块类别

    //     this.$delete(this.model, 'plateType');
    //     this.$delete(this.model, 'fileType');
    //     this.$delete(this.model, 'contractAmount');
    //     this.$delete(this.model, 'relateTask');
    //     this.$delete(this.model, 'fileToManageTream');
    //     this.$delete(this.model, 'expenseToTream');
    //     this.$delete(this.model, 'projectName');

    //     this.$delete(this.validatorRules, 'plateType');
    //     this.$delete(this.validatorRules, 'fileToManageTream');
    //     this.$delete(this.validatorRules, 'contractAmount');
    //     this.$delete(this.validatorRules, 'expenseToTream');
    //     this.$delete(this.validatorRules, 'relateTask');
    //     this.$delete(this.validatorRules, 'projectName');

    //     this.option1 = false;
    //     this.option2 = false;
    //     this.option3 = false;
    //     this.option4 = false;
    //     this.option5 = false;
    //     this.option6 = false;
    //   }
    // },
    handleFileTypeChange (value) {
      // 板块类别 选 经营类 且 文件类别 选 报价类=======》 文件所属经营团队 必填
      if (this.model.plateType == '2' && this.model.fileType == '3') {
          this.fileToManageTreamShow = true;
          this.$set(this.validatorRules, 'fileToManageTream', [{ required: true, message: '请输入文件所属经营团队!' }])
        } else {
          this.fileToManageTreamShow = false;
          this.$delete(this.model, 'fileToManageTream');
          this.$delete(this.validatorRules, 'expenseToTream');
        }

      if (this.model.plateType == '3' && this.fileType != '18') {
        this.$set(this.model, 'businessSegment', null); // 所属业务板块
      }
      this.hide()
      this.clearFileType()
      this.projectTypeChange()
    },
    changeType(value) {
      // 清空板块和文件类别
      if (value == 1) {
        this.$set(this.model, 'plateType', null);
        this.$set(this.model, 'fileType', null);
        // 清空所有状态
        this.option1 = false;
        this.option2 = false;
        this.option3 = false;
        this.option4 = false;
        this.option5 = false;
        this.option6 = false;
        this.option7 = false;
        this.option8 = false;
        this.option9 = false;
        this.option13 = false;
        this.option11 = false;
        this.option12 = false;
        this.option13 = false;
        this.option14 = false;
        this.option15 = false;
        this.option16 = false; // 其他类工作简报
        this.option17 = false; // 项目专用章
        this.option18 = false; // 业务板块类工作简报
        this.option19 = false; // 三级公司、分公司合作协议
        this.option20 = false; // CMA及报告专用章
        this.option21 = false; // 项目专用章
      }
      // 清空文件类别
      if (value == 2) {
        this.$set(this.model, 'fileType', null);
      }
      this.hide()
    },
    // 选择板块类别
    changePlateType(value) {
      this.$set(this.model, 'fileType', null);
      this.$set(this.model, 'isTend', null);
      this.$set(this.model, 'preProjectId', null);
      this.$set(this.model, 'fileToManageTream', null);
      this.$set(this.model, 'businessSegment', null); // 所属业务板块
      this.hide()
      this.clearFileType()
      this.projectTypeChange()
    },
    // 选择所属业务板块
    changeBusinessSegment(value) {
      this.clearFileType()
      this.projectTypeChange()
    },
    // 清空项目类型和回款证明材料数据
    clearFileType() {
      this.$set(this.model, 'paymentCollectionProveFile', null); // 回款证明材料
      this.$set(this.model, 'projectTypeNew', null); // 项目类型
    },
    backUserInfo(data) {
      this.model.applyCompany = data[0].orgDepart;// 申请人单位
      this.model.applyDept = data[0].departmentId;// 申请人部门
    },

    // 点击打印
    onPrint () {
        let print = new Print({
          el: '#sealuserecordContent',
          popTitle: '印章资质使用申请详情 · 禾美环保',
          endCallback() {

          }
        })
      },
    /*
    印章所属公司改变清空印章列表
     */
    handleSealChange() {
      this.$refs.sealInput.resetObj()
      this.$delete(this.model, 'ids')
    },
    hqHide() {
      // 后勤类不需要必填
      if ((this.model.applyType == '3')) {
        this.$delete(this.validatorRules, 'businessSegment');
      } else {
        this.$set(this.validatorRules, 'businessSegment', [ { required: true, message: '请选择所属业务板块!' } ]);
      }
    },
    // 是否投标报价类
    isTendChange(value) {
      // 如果是经营类
      if (this.model.plateType == '2') {
        if (value == '1') {
          this.model.fileType = '3'
          this.relateTaskShow = true;
          this.isRelateProject('1')
        } else {
          // 清空关联预立项 文件所属经营团队
          this.$set(this.model, 'preProjectId', null)
          this.$set(this.model, 'fileToManageTream', null)
          this.model.fileType = '6'
          this.relateTaskShow = false;
          this.isRelateProject('0')
        }
      }

      if (this.model.plateType == '2' && this.model.fileType == '3') {
        this.fileToManageTreamShow = true;
        this.$set(this.validatorRules, 'fileToManageTream', [{ required: true, message: '请输入文件所属经营团队!' }])
      } else {
        this.fileToManageTreamShow = false;
        this.$delete(this.model, 'fileToManageTream');
        this.$delete(this.validatorRules, 'expenseToTream');
      }
    },
    // 是否关联项目
    isRelateProject(value) {
      this.model.fileType == '3' ? this.fileToManageTreamShow = true : this.fileToManageTreamShow = false;
    }
  }
}
</script>
<style>
  @import "../../../../../utils/print.css";
  .print_style{
  position: absolute;
  top: 0;
  z-index: -1111;
}
</style>
